<!doctype html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Autenticación</title>
	<script type="text/javascript" src="./js/jquery.js"></script>
	<script type="text/javascript" src="./js/cycle.js"></script>
	<script type="text/javascript" src="./js/validaciones.js"></script>
	<style type="text/css" title="currentStyle">
		@import url('./css/index.css');
		@import url('./css/main.css');
	</style>


	<script type="text/javascript">
$(document).ready(function() {
    	
	$('.slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
});
</script>

	<style type="text/css">

	.slideshow { 
	height: 432px; 
	width: 691px; 
	margin-top: 2%;
	margin-left: 48%;
}


	/*.slideshow { 
		 padding: 15px;
	height: 400px; 
	width: 659px; 
	margin-top: 2%;
	margin-left: 48%;
}*/
</style>
</head>
<body>

	<section class="contenedor">
		<div class="col_login" style="text-align:center;">
			<form method="POST" action="system/login.php" id="frm_login" class="frm_login">
			    <img src="./imagenes/logo.png" >
				<input type="text" id="inp_usuario" name="txt_usuario" placeholder="Usuario">
				<input type="password" id="inp_contraseña" name="txt_contraseña" placeholder="*******">
				<div id="resultado"></div></br>
				<button type="submit" class="btn" id="btn_submit">Ingresar</button>
				<button type="reset" class="btn">Cancelar</button>
			</form>
		</div>
		<!--div class="col_noticias"-->
		<!--/div-->
	</section>
	
	<div class="slideshow">
		<img src="./imagenes/index0.png" width="659" height="400" >
		<img src="./imagenes/index.png" width="659" height="400" >
		<img src="./imagenes/index2.png" width="659" height="400" >
		<img src="./imagenes/index.png" width="659" height="400" >
		<img src="./imagenes/index2.png" width="659" height="400" >
	</div>

</body>
</html>